
/* ============================================= */
/* Sage */

#sage-button{
	list-style-image: url("chrome://global/skin/add-ons/sage.png") !important;
}
toolbar[iconsize="small"] #sage-button {
	list-style-image: url("chrome://global/skin/add-ons/sage-small.png") !important;
}

#toolsMenuButton {
	-moz-box-orient:	horizontal;
}

#toolsMenuButton .toolbarbutton-text {
	display:	-moz-box;
}

#toolsMenuButton .toolbarbutton-icon {
	display:	none;
}

#feedListToolbar toolbarbutton {
	list-style-image: url("chrome://global/skin/add-ons/toolbar-small.png") !important;
}

#checkFeeds {
	-moz-image-region: rect(0px 16px 16px 0px) !important;
}

#checkFeeds:hover {
	-moz-image-region: rect(16px 16px 32px 0px) !important;
}

#checkFeeds[disabled="true"] {
	-moz-image-region: rect(32px 16px 48px 0px) !important;
}

#checkFeeds:active {
	-moz-image-region: rect(48px 16px 64px 0px) !important;
}

#discoverFeeds {
	-moz-image-region: rect(0px 32px 16px 16px) !important;
}

#discoverFeeds:hover {
	-moz-image-region: rect(16px 32px 32px 16px) !important;
}

#discoverFeeds[disabled="true"] {
	-moz-image-region: rect(32px 32px 48px 16px) !important;
}

#discoverFeeds:active {
	-moz-image-region: rect(48px 32px 64px 16px) !important;
}


#statusBarImage {
  margin-left: 4px;
  width: 16px;
  height: 16px;
}
#statusBarImage.loading,
#statusBarImage.checking {
  list-style-image: url("chrome://global/skin/icons/loading_16.png");
}
#statusBarImage.error {
  list-style-image: url("chrome://global/skin/add-ons/error.gif");
}


#bookmarks-view treechildren::-moz-tree-image(leaf),
#bookmarks-view treechildren::-moz-tree-image(leaf, sage_state_no-updated) {
  -moz-image-region: auto !important;
  list-style-image: url("chrome://global/skin/add-ons/no-updated.png") !important;
}
#bookmarks-view treechildren::-moz-tree-image(leaf, sage_state_updated) {
  -moz-image-region: auto !important;
  list-style-image: url("chrome://global/skin/add-ons/updated.png") !important;
}
#bookmarks-view treechildren::-moz-tree-image(leaf, sage_state_unknown) {
  -moz-image-region: auto !important;
  list-style-image: url("chrome://global/skin/add-ons/unknown.png") !important;
}
#bookmarks-view treechildren::-moz-tree-image(leaf, sage_state_checking) {
  -moz-image-region: auto !important;
  list-style-image: url("chrome://global/skin/icons/loading_16.png") !important;
}
#bookmarks-view treechildren::-moz-tree-image(leaf, sage_state_error) {
  -moz-image-region: auto !important;
  list-style-image: url("chrome://global/skin/add-ons/error.gif") !important;
}
#bookmarks-view treechildren::-moz-tree-cell-text(sage_state_updated) {
	font-weight: bold !important;
}

/* If this is removed, please remove next rule as well */
#bookmarksTree treechildren::-moz-tree-twisty {
	-moz-appearance: none !important;
	padding-right: 0px !important;
	padding-top: 0px !important;
	width:	0px !important;
	list-style-image: none !important;
}
/* Work around for bug in separators at level 0 when twisty has width 0 */
#bookmarksTree treechildren::-moz-tree-cell-text(Name, separator) {
	margin-left:	20px;
}

#bookmarksTree treechildren::-moz-tree-separator {
	-moz-appearance: separator !important;
	border-top: 1px solid ThreeDShadow !important;
	border-bottom: 1px solid ThreeDHighlight !important;
}

#bookmarksTreeBox,
#rssItemListBoxBox {
	min-height: 90px;
}

#rssItemListBox {
	-moz-appearance: none;
}

#rssItemListBox > listitem {
	font-weight:  bold;
}

#rssItemListBox > listitem[visited="true"] {
	font-weight:  normal;
}

#sage-splitter {
	border: none;
	border-bottom: 1px solid ThreeDLightShadow;
}

#rssTitleLabel:hover{
	text-decoration: underline;
	cursor: pointer;
}


/* ++++++++++ List Tool Bar ++++++++++++ */

#itemListToolbar toolbarbutton {
	list-style-image: url("chrome://global/skin/add-ons/toolbar-small.png") !important;
}

#itemListToolbar toolbarbutton label {
	display: none !important;
}

#markAsReadButton {
	-moz-image-region: rect(0px 80px 16px 64px) !important;
}

#markAsReadButton:hover {
	-moz-image-region: rect(16px 80px 32px 64px) !important;
}

#markAsReadButton[disabled="true"] {
	-moz-image-region: rect(32px 80px 48px 64px) !important;
}

#markAsReadButton:active {
	-moz-image-region: rect(48px 80px 64px 64px) !important;
}

#markAsUnreadButton {
	-moz-image-region: rect(0px 96px 16px 80px) !important;
}

#markAsUnreadButton:hover {
	-moz-image-region: rect(16px 96px 32px 80px) !important;
}

#markAsUnreadButton[disabled="true"] {
	-moz-image-region: rect(32px 96px 48px 80px) !important;
}

#markAsUnreadButton:active {
	-moz-image-region: rect(48px 96px 64px 80px) !important;
}

#markAllAsReadButton {
	-moz-image-region: rect(0px 48px 16px 32px) !important;
}

#markAllAsReadButton:hover {
	-moz-image-region: rect(16px 48px 32px 32px) !important;
}

#markAllAsReadButton[disabled="true"] {
	-moz-image-region: rect(32px 48px 48px 32px) !important;
}

#markAllAsReadButton:active {
	-moz-image-region: rect(48px 48px 64px 32px) !important;
}

#markAllAsUnreadButton {
	-moz-image-region: rect(0px 64px 16px 48px) !important;
}

#markAllAsUnreadButton:hover {
	-moz-image-region: rect(16px 64px 32px 48px) !important;
}

#markAllAsUnreadButton[disabled="true"] {
	-moz-image-region: rect(32px 64px 48px 48px) !important;
}

#markAllAsUnreadButton:active {
	-moz-image-region: rect(48px 64px 64px 48px) !important;
}


/* ++++++++++ Search ++++++++++ */
#barSearch {
	padding-bottom: 2px;
}

#imgSearchEngine {
	width: 16px;
	height: 16px;
}

#btnSearchSubmit {
	margin: 2px 2px 2px 0px;
	min-width: 0px;
	min-height: 0px;
	list-style-image: url("chrome://global/skin/add-ons/search-submit.gif");
}

/* ++++++++++ popupEX ++++++++++ */

#rssItemToolTip {
	-moz-binding: url(chrome://sage/content/popupex.xml#popupex);
	padding: 0px !important;
}

.popupex-title {
	font-weight: bold;
	margin: 0px !important;
	padding: 3px !important;
}

.popupex-description {
	padding: 5px 5px 5px 20px !important;
	max-width: 26em;
}

.popupex-internal-box {
	margin: 2px;
	padding: 2px;
}
